<!DOCTYPE html>
<html lang="en">
  <head>
    <title>
      Мобильная дробилка,Стационарная дробилка,Мельница,Грохот &
      Пескомойка,Питатель & конвейер - Kefid Machinery Co.,Ltd
    </title>
    <meta
      name="keywords"
      content="Мобильная дробилка,Стационарная дробилка,Мельница,Грохот & Пескомойка,Питатель & конвейер"
    />
    <meta
      name="description"
      content="Zhengzhou KEFID Machinery Co.Ltd (ООО КЕФИД) является крупномасштабным ведущим предприятием по разработке, изготовлению и продаже крупного дробильного и измельчительного оборудования. "
    />
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="stylesheet" href="{pboot:sitetplpath}/css/museui.css" />
    <link rel="stylesheet" href="{pboot:sitetplpath}/css/public.css" />
    <link rel="stylesheet" href="{pboot:sitetplpath}/css/style.css" />
    <link rel="stylesheet" href="{pboot:sitetplpath}/css/common.css" />
    <link rel="stylesheet" href="{pboot:sitetplpath}/css/index.css" />
  </head>

  <body>
    <div id="body">
      <div id="app">
        <!-- 头部 -->
        <header class="header-top">
  <div class="out-box">
    <div class="img-box left-part">
      <img src="{pboot:sitetplpath}/image/common/logo.png" alt="" />
    </div>
    <div class="right-part">
      <a href="mailto:sales@kefidgroup.com" class="email-box">
        <img src="{pboot:sitetplpath}/image/common/email.png" alt="" />
        <span>sales@kefidgroup.com</span>
      </a>
      <div id="nav-btn" class="nav-btn">
        <img src="{pboot:sitetplpath}/image/common/nav-btn.png" alt="" />
      </div>
    </div>
  </div>
  <div id="nav" class="nav">
    <div class="nav-box">
      <ul>
        <!-- <li><a href="http://192.168.7.11:9009">Главная(首页)</a></li> -->
        <li><a href="/">Главная</a></li>
        {pboot:nav num=10 parent=0}
        <li class="{pboot:if('[nav:scode]'=='{sort:tcode}')}active{/pboot:if}">
          <a href="[nav:link]">[nav:name]</a>
        </li>
        {/pboot:nav}
      </ul>
      <div>
        <img
          id="nav-btn-back"
          src="{pboot:sitetplpath}/image/common/nav-btn-right.png"
          alt=""
        />
      </div>
    </div>
  </div>
</header>

        <!-- banner部分 -->
        <section class="banner">
          <div class="focus">
            <img src="{pboot:sitetplpath}/image/index/banner_01.jpg" alt="" />
            <ul>
              <!-- <li>
                <img
                  src="{pboot:sitetplpath}/image/index/banner_03.jpg"
                  alt=""
                />
              </li> -->
              <li>
                <a href="/?product/stationary/c6x.html">
                  <img
                    src="{pboot:sitetplpath}/image/index/text01.png"
                    alt=""
                  />
                  <img
                    src="{pboot:sitetplpath}/image/index/banner1.png"
                    alt=""
                  />
                  <img
                    src="{pboot:sitetplpath}/image/index/title01.png"
                    alt=""
                  />
                </a>
              </li>
              <li>
                <a href="/?product/stationary/HP-Cone-Crusher.html"
                  ><img
                    src="{pboot:sitetplpath}/image/index/text02.png"
                    alt="" />
                  <img
                    src="{pboot:sitetplpath}/image/index/banner2.png"
                    alt="" />
                  <img src="{pboot:sitetplpath}/image/index/title02.png" alt=""
                /></a>
              </li>
              <li>
                <a href="/?product/mobilecrusher/Mobile-Jaw-Crusher.html"
                  ><img
                    src="{pboot:sitetplpath}/image/index/text03.png"
                    alt="" />
                  <img
                    src="{pboot:sitetplpath}/image/index/banner3.png"
                    alt="" />
                  <img src="{pboot:sitetplpath}/image/index/title03.png" alt=""
                /></a>
              </li>
              <!-- <li>
                <img
                  src="{pboot:sitetplpath}/image/index/banner_01.jpg"
                  alt=""
                />
              </li> -->
            </ul>
            <!-- 轮播图中的小圆圈 -->
            <ol>
              <li class="current"></li>
              <li></li>
              <li></li>
            </ol>
            <div class="btn-wrap">
              <a href="javascript:openZoosUrl('chatwin');">
                <img src="{pboot:sitetplpath}/image/index/btn.png" alt="" />
              </a>
            </div>
            <div class="img-list">
              <div class="img-wrap">
                <img
                  class="arrow active"
                  src="{pboot:sitetplpath}/image/index/arrow.png"
                  alt=""
                />
                <img src="{pboot:sitetplpath}/image/index/thum1.jpg" alt="" />
              </div>
              <div class="img-wrap">
                <img
                  class="arrow"
                  src="{pboot:sitetplpath}/image/index/arrow.png"
                  alt=""
                />
                <img src="{pboot:sitetplpath}/image/index/thum2.jpg" alt="" />
              </div>
              <div class="img-wrap">
                <img
                  class="arrow"
                  src="{pboot:sitetplpath}/image/index/arrow.png"
                  alt=""
                />
                <img src="{pboot:sitetplpath}/image/index/thum3.jpg" alt="" />
              </div>
            </div>
          </div>
        </section>
        <!-- product部分 -->
        <section class="product">
          <div class="container product-container">
            <!-- 破碎机 -->
            <div class="crusher-box product-box">
              <div class="box-head">
                <img
                  class="icon"
                  src="{pboot:sitetplpath}/image/index/crusher_icon.png"
                  alt=""
                />
                <h2 class="title">Стационарная дробилка</h2>
              </div>
              <div class="box-content">
                <div class="img-box">
                  <img
                    src="{pboot:sitetplpath}/image/index/product_demo01.jpg"
                    alt=""
                  />
                </div>
                <div class="text-box">
                  <div class="text-title">
                    {pboot:list scode=13 num=4 order='sorting'}
                    <a class="aline" href="[list:link]">
                      <p>[list:title]</p>
                    </a>
                    {/pboot:list}
                  </div>
                </div>
              </div>
            </div>
            <!-- 移动破碎机 -->
            <div class="mobile-crusher-box product-box">
              <div class="box-head">
                <img
                  class="icon"
                  src="{pboot:sitetplpath}/image/index/mobile_crusher_icon.png"
                  alt=""
                />
                <h2 class="title">Мобильная дробилка</h2>
              </div>
              <div class="box-content">
                <div class="img-box">
                  <img
                    src="{pboot:sitetplpath}/image/index/product_demo02.jpg"
                    alt=""
                  />
                </div>
                <div class="text-box">
                  <div class="text-title">
                    {pboot:list scode=14 num=2 order='sorting'}
                    <a class="aline" href="[list:link]">
                      <p>[list:title]</p>
                    </a>
                    {/pboot:list}
                  </div>
                </div>
              </div>
            </div>
            <!-- 研磨机 -->
            <div class="grinding-box product-box">
              <div class="box-head">
                <img
                  class="icon"
                  src="{pboot:sitetplpath}/image/index/grinding_icon.png"
                  alt=""
                />
                <h2 class="title">Мельница</h2>
              </div>
              <div class="box-content">
                <div class="img-box">
                  <img
                    src="{pboot:sitetplpath}/image/index/product_demo03.jpg"
                    alt=""
                  />
                </div>
                <div class="text-box">
                  <div class="text-title">
                    {pboot:list scode=15 num=2 order='sorting'}
                    <a class="aline" href="[list:link]">
                      <p>[list:title]</p>
                    </a>
                    {/pboot:list}
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <!-- case部分 -->
        <section class="case">
          <div class="title-box">
            <h1>5000+ проектов реальных клиентов</h1>
            <p>вы можете посетить ближайшее место проекта</p>
          </div>
          <div class="case-box">
            {pboot:list scode=8 num=3 order='sorting'}
            <div class="inner-box">
              <a href="[list:link]">
                <div class="box-head">
                  <img src="[list:ico]" alt="" />
                </div>
              </a>
              <div class="box-content">
                <h2 class="twoline">[list:title]</h2>
                <div class="btn-box">
                  <a href="[list:link]"
                    ><button>
                      <p>Подробнее</p>
                    </button></a
                  >
                </div>
              </div>
              <div class="box-foot">
                <div class="foot-head">
                  <p>Основное Оборудование</p>
                </div>
                <div class="foot-tag">
                  <div>
                    <p class="aline">[list:ext_equipment]</p>
                  </div>
                  <div>
                    <p class="aline">[list:ext_equipment2]</p>
                  </div>
                </div>
              </div>
            </div>
            {/pboot:list}
          </div>
        </section>
        <!-- company -->
        <section class="company">
          <div class="container company-box">
            <div class="title">
              <h2>Сила компании</h2>
            </div>
            <div class="image-box">
              <div style="width: 7.1rem" class="image">
                <img
                  src="{pboot:sitetplpath}/image//index/company_07.png"
                  alt=""
                />
              </div>
            </div>
          </div>
        </section>
        <!-- message-board -->
        <section class="board">
    <div class="container board-box">
        <div class="board-image">
            <!-- <img src="{pboot:sitetplpath}/image/common/board_image.png" alt=""> -->
            <div class="item">
                <div class="img-wrap">
                    <img class="small" src="{pboot:sitetplpath}/image/common/mail_fill.png" alt="">
                </div>
                <div class="text-wrap">
                    <p>E-mail</p>
                    <a href="mailto:sales@kefidgroup.com">sales@kefidgroup.com</a>
                </div>
            </div>
            <div class="item">
                <div class="img-wrap">
                    <img src="{pboot:sitetplpath}/image/common/tel.jpg" alt="">
                </div>
                <div class="text-wrap">
                    <p>Tel</p>
                    <a href="tel:008637186537170">0086-371-86537170</a>
                </div>
            </div>
            <div class="item">
                <div class="img-wrap">
                    <img src="{pboot:sitetplpath}/image/common/whatsapp.png" alt="">
                </div>
                <div class="text-wrap">
                    <p>Whatsapp</p>
                    <a href="https://api.whatsapp.com/send?phone=8615738415800">8615738415800</a>
                </div>
            </div>
        </div>
        <div class="slist">
            <div class="lanmu1">
                <h2>Заявка</h2>
            </div>
            <p class="ctleftp">Пожалуйста, введите свой запрос в форму ниже, мы свяжемся с вами как можно
                скорее!</p>
            <div class="ctleft">
                <form class="form-box d-flex flex-column align-center" action="//data.kefid.com/action.php"
                    method="post" onsubmit="return chkInquiry(this)" id="msgForm" name="msgForm">
                    <p class="input-p">
                        <select name="product" id="Equipment">
                            <option selected="selected" value="">Выберите продукции/услуги</option>
                            <option value="Дробилка ">Дробилка </option>
                            <option value="Мобильная дробилка">Мобильная дробилка</option>
                            <option value="Стационарная дробилька">Стационарная дробилька</option>
                            <option value="Мельница">Мельница</option>
                            <option value="Горно-обогатительное оборудование">Горно-обогатительное
                                оборудование</option>
                            <option value="Запасные части">Запасные части</option>
                            <option value="Агент / Дистрибьютор">Агент / Дистрибьютор</option>
                            <option value="Найти работу">Найти работу</option>
                            <option value="Научная Диссертация /Исследование">Научная Диссертация
                                /Исследование</option>
                            <option value="Другие">Другие</option>
                        </select>
                        <span>*</span>
                    </p>
                    <p class="input-p">
                        <select name="mType" id="Application">
                            <option value="">Сырье</option>
                            <option value="Известняк">Известняк</option>
                            <option value="речной камень">речной камень</option>
                            <option value="Гранит">Гранит</option>
                            <option value="Базальт">Базальт</option>
                            <option value="Мрамор">Мрамор</option>
                            <option value="Рок">Рок</option>
                            <option value="Уголь">Уголь</option>
                            <option value="Железная руда">Железная руда</option>
                            <option value="Золотая руда">Золотая руда</option>
                            <option value="другие">другие</option>
                        </select>
                        <span>*</span>
                    </p>
                    <p class="input-p">
                        <input type="text" name="mCap" id="cap"
                            placeholder="Производительность:Сколько тонн в  час Вам  нужно？">
                        <span>*</span>
                    </p>
                    <p class="input-p">
                        <input type="text" name="uCountry" id="country"
                            placeholder="В какой стране ваш проект находится? ?">
                        <span>*</span>
                    </p>
                    <p class="input-p">
                        <input type="text" name="userName" id="userName" placeholder="Имя:">
                        <span>*</span>
                    </p>
                    <p class="input-p">
                        <input type="text" name="userEMail" id="userEMail" placeholder="Электроная почта:">
                        <span>*</span>
                    </p>
                    <p class="input-p">
                        <input type="text" name="userTel" id="userTel" placeholder="Номер телефона">
                        <span>*</span>
                    </p>
                    <p class="input-p">
                        <input type="text" name="whatsapp" id="whatsapp" placeholder="whatsapp">
                    </p>
                    <p class="input-p">
                        <input type="text" name="company" id="company" placeholder="Название компании">
                    </p>
                    <p class="input-p">
                        <input type="text" name="budget" id="budget" placeholder="Бюджет оборудования (USD)">
                    </p>
                    <p class="input-p">
                        <textarea name="msg" id="Message" class="cttxt"
                            placeholder="Если вы хотите поделиться более подробной информацией о вашем проекте , например, область применения, размер продукта, время покупки оборудования… ，, пожалуйста, оставьте сообщение здесь"></textarea>
                        <span>*</span>
                    </p>
                    <p class="iqbtn"><input type="submit" value="Отправить"></p>
                </form>
            </div>
        </div>
</section>

<script>
    function chkInquiry(formobj) {
        var pro = formobj.product.value;
        var mat = formobj.mType.value;
        var capa = formobj.mCap.value;
        var con = formobj.uCountry.value;
        var name = formobj.userName.value;
        var email = formobj.userEMail.value;
        var msg = formobj.msg.value;
        var tel = formobj.userTel.value;

        if (pro == "") {
            alert("Пожалуйста, выберите продукт!");
            return false;
        }
        if (mat == "") {
            alert("Пожалуйста, выберите материал!");
            return false;
        } else if (capa == "") {
            alert("Пожалуйста, введите производительность! ");
            return false;
        } else if (name == "") {
            alert('Пожалуйста, введите ваше полное имя!');
            return false;
        } else if (!email.match(/[^\s\n]+\@[^\s\n]+\.(\w{2,4})$/)) {
            alert("Пожалуйста, введите действительную Эл-почту!");
            return false;
        } else if (con == "") {
            alert("Пожалуйста, введите страну проекта! ");
            return false;
        } else if (tel == "") {
            alert("Пожалуйста, введите Номер телефона! ");
            return false;
        } else if (msg == "") {
            alert('Пожалуйста, введите сообщение!');
            return false;
        }

        return true;
    }
</script>
        <!-- footer -->
        <footer class="footer">
    <div class="foot-box d-flex">
        <div class="left-part">

        </div>
        <a href="javascript:openZoosUrl('chatwin');">
            <div class="right-part">
                <p>Запросить цену</p>
            </div>
        </a>
    </div>
    <div class="foot-avatar">
        <div class="img-box">
            <img src="{pboot:sitetplpath}/image/common/foot_avatar.jpg" alt="">
        </div>
    </div>
</footer>

<script language="javascript" src="//drt.zoosnet.net/JS/LsJS.aspx?siteid=DRT53284414&float=1&lng=en"></script>
      </div>
    </div>
  </body>

  <script>
    window.onload = function () {
      let navBtn = document.getElementById('nav-btn')
      let navBack = document.getElementById('nav-btn-back')
      let nav = document.getElementById('nav')
      navBtn.onclick = () => {
        if (nav.getAttribute('class').indexOf('transform') == -1) {
          return nav.classList.add('transform')
        } else {
          return nav.classList.remove('transform')
        }
      }
      navBack.onclick = () => {
        return nav.classList.remove('transform')
      }
    }
    const arrow = document.querySelectorAll('.img-list .img-wrap .arrow')
    const showActive = (index) => {
      for (let i = 0; i < arrow.length; i++) {
        if (i === index) arrow[i].classList.add('active')
        else arrow[i].classList.remove('active')
      }
    }
    window.addEventListener('load', function () {
      // 1. 获取元素
      var focus = document.querySelector('.focus')
      var ul = focus.children[1]
      var ol = focus.children[2]
      // 获得focus的宽度
      var w = focus.offsetWidth
      // 2. 利用定时器自动轮播图片
      var index = 0
      var timer = setInterval(function () {
        index++
        var translateX = -index * w
        // 添加动画效果
        ul.style.transition = 'all .3s'
        ul.style.transform = 'translateX(' + translateX + 'px)'
      }, 5000)
      // 等着过渡完成之后，再去判断，监听过渡完成的事件transitionend
      ul.addEventListener('transitionend', function () {
        // 无缝滚动
        if (index >= 3) {
          index = 0
          // 去掉过渡效果，这样让ul快速的跳到目标位置
          ul.style.transition = 'none'
          // 利用最新的索引号乘以宽度，继续滚动图片
          var translateX = -index * w
          ul.style.transform = 'translateX(' + translateX + 'px)'
        } else if (index < 0) {
          index = 2
          // 去掉过渡效果，这样让ul快速的跳到目标位置
          ul.style.transition = 'none'
          // 利用最新的索引号乘以宽度，继续滚动图片
          var translateX = -index * w
          ul.style.transform = 'translateX(' + translateX + 'px)'
        }
        showActive(index)
        // 3. 小圆点跟随变化
        // 把ol里面li带有current类名的选出来，去掉类名remove
        ol.querySelector('.current').classList.remove('current')
        // 让当前索引号的li加上current类名add
        ol.children[index].classList.add('current')
      })
      // 4. 手指滑动轮播图
      // 触摸元素touchstart：获取手指初始坐标
      var startX = 0
      var moveX = 0 // 后面会使用这个移动距离，所以要定义为全局变量
      var flag = false //用来标志手指是否真的移动，还是只是点击
      ul.addEventListener('touchstart', function (e) {
        startX = e.targetTouches[0].pageX
        startY = e.targetTouches[0].pageY
        // 手指触摸的时候就停止定时器
        clearInterval(timer)
      })
      // 移动手指touchmove：计算手指的滑动距离，并且移动盒子
      ul.addEventListener('touchmove', function (e) {
        // 计算移动距离
        // e.targetTouches[0]为第一个手指，[1]表示第二个手指
        moveX = e.targetTouches[0].pageX - startX
        moveY = e.targetTouches[0].pageY - startY
        // 移动盒子：盒子原来的位置 + 手指移动的距离
        var translateX = -index * w + moveX
        // 手指拖动的时候，不需要动画效果，所以要取消过渡效果
        ul.style.transition = 'none'
        ul.style.transform = 'translateX(' + translateX + 'px)'
        flag = true
        // e.preventDefault();   //组织滚动屏幕的行为
      })
      // 手指离开，根据移动距离去判断是回弹还是播放上一张或者下一张
      ul.addEventListener('touchend', function (e) {
        // 只有手指移动过了，才执行下面的代码
        if (flag) {
          //（1）如果移动距离大于50像素，则播放上一张或者下一张
          if (Math.abs(moveX) > 50) {
            // 如果是右滑就是播放上一张，moveX是正值
            if (moveX > 0) {
              index--
            } else {
              // 如果是左滑就是播放下一张，moveX是负值
              index++
            }
            showActive(index)
            // 用最新的index乘以宽度
            var translateX = -index * w
            ul.style.transition = 'all .3s'
            ul.style.transform = 'translateX(' + translateX + 'px)'
          } else {
            showActive(index)
            //（2）如果移动距离小于50像素就回弹
            var translateX = -index * w
            ul.style.transition = 'all .1s'
            ul.style.transform = 'translateX(' + translateX + 'px)'
          }
        }
        // 手指离开的时候就重新开启定时器
        // 注意：开启定时器之前要先清空之前的定时器，保证当前只有一个定时器在执行
        clearInterval(timer)
        timer = setInterval(function () {
          index++
          showActive(index)
          var translateX = -index * w
          // 添加动画效果
          ul.style.transition = 'all .3s'
          ul.style.transform = 'translateX(' + translateX + 'px)'
        }, 5000)
      })
    })
  </script>
  <!-- Google Code for 俄语手机站 -->
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script
    async
    src="https://www.googletagmanager.com/gtag/js?id=UA-12560318-14"
  ></script>
  <script>
    window.dataLayer = window.dataLayer || []
    function gtag() {
      dataLayer.push(arguments)
    }
    gtag('js', new Date())

    gtag('config', 'UA-12560318-14')
    gtag('config', 'AW-994271092')
  </script>

  <!-- Event snippet for 访问过俄语手机站 remarketing page -->
  <script>
    gtag('event', 'conversion', {
      send_to: 'AW-994271092/OlJlCOLo-IcBEPS-jdoD',
      value: 1.0,
      currency: 'CNY',
      aw_remarketing_only: true,
    })
  </script>

  <!-- Yandex.Metrika counter -->
  <script type="text/javascript">
    ;(function (d, w, c) {
      ;(w[c] = w[c] || []).push(function () {
        try {
          w.yaCounter35678165 = new Ya.Metrika({
            id: 35678165,
            clickmap: true,
            trackLinks: true,
            accurateTrackBounce: true,
            webvisor: true,
          })
        } catch (e) {}
      })

      var n = d.getElementsByTagName('script')[0],
        s = d.createElement('script'),
        f = function () {
          n.parentNode.insertBefore(s, n)
        }
      s.type = 'text/javascript'
      s.async = true
      s.src = 'https://mc.yandex.ru/metrika/watch.js'

      if (w.opera == '[object Opera]') {
        d.addEventListener('DOMContentLoaded', f, false)
      } else {
        f()
      }
    })(document, window, 'yandex_metrika_callbacks')
  </script>
  <noscript>
    <div>
      <img
        src="https://mc.yandex.ru/watch/35678165"
        style="position: absolute; left: -9999px"
        alt=""
      />
    </div>
  </noscript>
  <!-- /Yandex.Metrika counter -->
  <!-- 2019.4.10科菲达Facebook Pixel Code -->
  <script>
    !(function (f, b, e, v, n, t, s) {
      if (f.fbq) return
      n = f.fbq = function () {
        n.callMethod
          ? n.callMethod.apply(n, arguments)
          : n.queue.push(arguments)
      }
      if (!f._fbq) f._fbq = n
      n.push = n
      n.loaded = !0
      n.version = '2.0'
      n.queue = []
      t = b.createElement(e)
      t.async = !0
      t.src = v
      s = b.getElementsByTagName(e)[0]
      s.parentNode.insertBefore(t, s)
    })(
      window,
      document,
      'script',
      'https://connect.facebook.net/en_US/fbevents.js'
    )
    fbq('init', '326462791376202')
    fbq('track', 'PageView')
  </script>
  <noscript
    ><img
      height="1"
      width="1"
      style="display: none"
      src="https://www.facebook.com/tr?id=326462791376202&ev=PageView&noscript=1"
  /></noscript>
  <!-- End Facebook Pixel Code -->
  <!-- Global site tag (gtag.js) - Google Ads: 448023489 -->
  <script
    async
    src="https://www.googletagmanager.com/gtag/js?id=AW-448023489"
  ></script>
  <script>
    window.dataLayer = window.dataLayer || []
    function gtag() {
      dataLayer.push(arguments)
    }
    gtag('js', new Date())

    gtag('config', 'AW-448023489')
  </script>
</html>
<?php return array (
  0 => 'D:/UED_work/phpstudy/phpstudy_pro/WWW/Russian-Phone/template/default/html/common/header_top.html',
  1 => 'D:/UED_work/phpstudy/phpstudy_pro/WWW/Russian-Phone/template/default/html/common/board.html',
  2 => 'D:/UED_work/phpstudy/phpstudy_pro/WWW/Russian-Phone/template/default/html/common/footer.html',
); ?>